@import "../../../static/sass/thom_c_size.scss";
$f_s:tovw(30);
.wrap_show_search_box{
  height: tovw(1170);
  overflow-y: scroll;
}
.show_search_box{
  height: tovw(80);
  line-height: tovw(80);
  font-size:tovw(30);
  color:#2c3e50;
  text-align: center;
  width: 100%;
}
.mint-popup-right .pop_search{
  height: tovw(80);
  width: 100%;
  border-radius: 0;
}
.mint-popup-bottom{
  width: 100%;
}
.first_view_header{
  margin-top: tovw(31);
  margin-bottom: tovw(34);
}
.first_view_tips{
  font-size: tovw(30);
  color:#ef914b;
  font-weight: bold;
  padding-left: tovw(70);
  padding-right: tovw(70);
  text-align: left;
  margin-bottom: tovw(43);
}
.input_base{
  width: tovw(470);
  height: tovw(80);
  border:0;
  border-radius: 2vw;
  background-color: #e5e5e5;
}
.input_top{
  margin-bottom: tovw(20);
}
.input_base::-webkit-input-placeholder { /* WebKit browsers */
  color:    #707070;
  text-align: center;
  font-weight: bold;
  font-size: $f_s;
}
.input_base:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #707070;
  text-align: center;
  font-weight: bold;
  font-size: $f_s;
}
.input_base::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #707070;
  text-align: center;
  font-weight: bold;
  font-size:$f_s;
}
.input_base :-ms-input-placeholder { /* Internet Explorer 10+ */
  color:    #707070;
  text-align: center;
  font-weight: bold;
  font-size: $f_s;
}
.first_view_bottom{
  padding-left: tovw(74);
  padding-right: tovw(70);
  margin-bottom:tovw(63);
  div{
    float:left;
    background-color:#e5e5e5;
    color:#707070;
    text-align: center;
    width: tovw(218);
    height: tovw(80);
    line-height: tovw(80);
    border-radius: 2vw;
    font-size: $f_s;
    font-weight: bold;
  }
  :first-child{
    margin-right: tovw(38);
  }


}
.first_view_bottom_cirle{
  width: tovw(260);
  height:tovw(260);
  line-height: tovw(260);
  border-radius: 50%;
  background-color: #e5e5e5;
  color:#707070;
  margin:  0 auto tovw(85);
  font-size: $f_s;
}
.first_view_bottom_btn_cover{
  height: tovw(80);
  line-height: tovw(80);
  font-size: $f_s;
  color:#fff;
  width:100%;
  div{
    float:left;
    width: 50%;

  }
  :first-child{
    background-color: #898989;
    border-radius: 0 0  0 2vw;

  }
  :nth-child(2){
    background-color: #f2914a;
    border-radius: 0 0 2vw 0;

  }
}
.mint-popup-right{
  right:0;
  top:50%;
  width: 70%;
  height: 100%;
  box-shadow: 1px 0 8px 6px rgba(0,0,0,0.5);
  /*transform: translateY(-50%);*/
}
.show_search_box{
  width: 100%;
  /*height: ;*/
}
.show_search_box{
   height: tovw(120);
   overflow-y: scroll;
 }
.close_btn{
  top:0;
  left:0;
  z-index:100;
  font-size:0.8rem;
  position:absolute;
  padding:0.4rem;
  letter-spacing:2px;
  color:#fff;
  background-color:#9f5c2f;
}
.thom_picker{
  position:relative;
}
@component-namespace page {
  @component msgbox {
    @descendent wrapper {
      padding: 0 20px;
      position: absolute;
      width: 100%;
      transform: translateY(-50%);

      button:not(:last-child) {
        margin-bottom: 20px;
      }
    }
  }
}
.first_view_cover{
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.1);
  position: fixed;
  top:0;
  left:0;
  z-index: 6002;
}
/*first s*/
.list_point{
  font-size: 6vw;
  color:#e96a41;
}
.uL_list{
  line-height: 5.3vw;
  font-weight: bold;
}
.list_scccess{
  font-size: 4vw;
  color:#9e5e30
}
.list_get_s{
  font-size: 4vw;
  color:#9e5e30;
}
.first_view{
  width: 83.6vw;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  border-radius: 2vw;
  background-color: #ffffff;
}

.img_first_img{
  width: 11.6vw;
  height:10.9vw;
  margin-right: 2.1vw;

}
.wenhao_img{
  height: 7.6vw;
  width: 7.6vw;
  margin-left: 6.5vw;
}

/*first e*/
